Vue.js 是一个用于构建用户界面的渐进式框架，广泛用于前端开发。以下是一些常用的 Vue CLI 命令，帮助你初始化项目、开发、构建和管理 Vue 项目。

### 1. 安装 Vue CLI

首先，你需要安装 Vue CLI。如果你还没有安装，可以使用 npm 或 yarn 进行安装。

**使用 npm:**
```bash
npm install -g @vue/cli
```

**使用 yarn:**
```bash
yarn global add @vue/cli
```

### 2. 创建新项目

使用 `vue create` 命令可以创建一个新的 Vue 项目。

**语法:**
```bash
vue create <project-name>
```

**示例:**
```bash
vue create my-vue-project
```

在创建过程中，你可以选择默认配置或手动选择特性。

### 3. 启动开发服务器

进入项目目录后，使用 `npm run serve` 或 `yarn serve` 启动开发服务器。

**语法:**
```bash
cd <project-name>
npm run serve
```

或

```bash
cd <project-name>
yarn serve
```

开发服务器会自动编译代码并在浏览器中打开项目，通常在 `http://localhost:8080`。

### 4. 构建项目

使用 `npm run build` 或 `yarn build` 构建生产环境的代码。

**语法:**
```bash
npm run build
```

或

```bash
yarn build
```

构建后的文件会生成在 `dist` 目录中。

### 5. 检查代码

使用 `npm run lint` 或 `yarn lint` 检查代码风格和错误。

**语法:**
```bash
npm run lint
```

或

```bash
yarn lint
```

### 6. 添加插件

使用 `vue add` 命令可以添加 Vue CLI 插件。

**语法:**
```bash
vue add <plugin-name>
```

**示例:**
```bash
vue add router
```

### 7. 查看项目信息

使用 `vue info` 查看当前项目的配置信息。

**语法:**
```bash
vue info
```

### 8. 更新 Vue CLI

使用 `vue upgrade` 命令可以更新 Vue CLI 及其插件。

**语法:**
```bash
vue upgrade
```

### 9. 创建插件

使用 `vue invoke` 命令可以调用已安装的插件提供的命令。

**语法:**
```bash
vue invoke <plugin-name>
```

### 10. 创建预设

使用 `vue ui` 启动图形化界面，可以创建和管理项目预设。

**语法:**
```bash
vue ui
```

### 11. 其他常用命令

- **查看帮助:**
  ```bash
  vue --help
  ```

- **查看版本:**
  ```bash
  vue --version
  ```

### 示例项目结构

一个典型的 Vue 项目结构如下：

```
my-vue-project/
├── node_modules/
├── public/
│   ├── index.html
│   └── favicon.ico
├── src/
│   ├── assets/
│   │   └── logo.png
│   ├── components/
│   │   └── HelloWorld.vue
│   ├── App.vue
│   └── main.js
├── .gitignore
├── babel.config.js
├── package.json
├── README.md
└── yarn.lock
```

### 常用文件说明

- **`public/index.html`**: 应用的入口 HTML 文件。
- **`src/main.js`**: 应用的入口 JavaScript 文件，用于创建 Vue 实例。
- **`src/App.vue`**: 根组件。
- **`src/components/`**: 存放可复用的组件。
- **`package.json`**: 项目配置文件，包含项目依赖和脚本。

### 总结

以下是一些常用的 Vue CLI 命令及其用途：

- **`vue create <project-name>`**: 创建新项目。
- **`npm run serve` 或 `yarn serve`**: 启动开发服务器。
- **`npm run build` 或 `yarn build`**: 构建生产环境代码。
- **`npm run lint` 或 `yarn lint`**: 检查代码风格和错误。
- **`vue add <plugin-name>`**: 添加插件。
- **`vue info`**: 查看项目信息。
- **`vue upgrade`**: 更新 Vue CLI 及其插件。
- **`vue invoke <plugin-name>`**: 调用插件命令。
- **`vue ui`**: 启动图形化界面。

掌握这些命令可以帮助你高效地管理和开发 Vue 项目。